<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>电影介绍</title>
		<!--rem自适应js-->
		<script type="text/javascript" src="../public/plugins/rem/flexible.debug.js" charset="utf-8"></script>
		<script type="text/javascript" src="../public/plugins/rem/flexible_css.debug.js" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../public/common/common.css" />
		<link href="../public/core/css/mui.min.css" rel="stylesheet" />
		<link href="css/video.css" rel="stylesheet" />
		<style>
			#title {
				width: 6.826666rem;
				font-size: 18px;
				color: #fff !important;
				position: absolute;
				left: 1.6rem;
				top: 0.32rem;
				text-align: center;
			}
			
			.show {
				display: block;
			}
			
			.hide {
				display: none;
			}
		</style>
	</head>

	<body>
		<div id="app">
			<header class="mui-bar mui-bar-nav" v-if="header">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title"></h1>
			</header>
			<div class="mui-content">
				<div class="video"> <!-- object-fit: fill;-->
					<video autoplay="autoplay" x5-playsinline="" playsinline="" webkit-playsinline=""  controlsList="nodownload" width="100%" height="100%" controls="controls" :src="defaultVideoUrl" :poster="defaultVideoImg"></video>
				</div>
				<!--<p id="title" :class="{'mui-ellipsis show' : opens, 'mui-ellipsis hide': !opens}">红海行动预告片</p>-->
				<div class="video-detail">
					<div class="left">
						<p>视频信息</p>
						<p>{{introduceList.name}}<span>{{introduceList.score}}</span><span>分</span></p>
						<p>{{introduceList.pubDesc}}</p>
					</div>
					<div class="right" v-if="operate == 1">
						<p @click="onload">购票</p>
					</div>
				</div>
				<div class="video-list">
					<p class="list-top">播放列表</p>
					<div class="list">
						<div class="item" v-for="(item,index) in introduceList.videos" @tap="defaultItem(item,index)">
							<div class="left">
								<img :src="item.img" />
								<p v-if="index==defaultActive">播放中</p>
								<p v-else="">{{item.tm|tm}}</p>
							</div>
							<div class="right">
								<p :class="[index==defaultActive?' default':'']">{{item.name}}</p>
								<!--<p>观看405万</p>-->
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
		<script type="text/javascript" src="../public/core/js/mui.js"></script>
		<script src="../public/core/js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../public/plugins/sha-512.js" type="text/javascript" charset="utf-8"></script>
		<script src="../public/plugins/vue-resource.js" type="text/javascript" charset="utf-8"></script>
		<script src="../public/common/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script src="../public/plugins/share.js"></script>
		<script src="js/video.js" type="text/javascript"></script>
	</body>

</html>